Estoy usando el useLocation así -> const location = useLocation(); . Luego trato de pasarlo al accesorio de un elemento React como este:
<DatePicker emphasize={location.state?.fields?.some( (f: string) => f === 'endDate' )} data-testid="collection-form-end-date" type="datetime-local" {...field} /> Pero obtengo la location.state subrayado y el siguiente error -> Object is of type 'unknown'.
Logré resolver esto agregando el campo a useLocation()
const location = useLocation<{ fields: unknown; }>();No sé si funcionará o no, pero puedes intentarlo.
En mi opinión, para manejar este problema, puede probar estas dos formas: en el primer intento, consulte el siguiente enlace de pregunta y pruebe su respuesta: React TypeScript: tipo correcto para useLocation() de react-router-dom . Si no funcionó para usted correctamente, intente de la siguiente manera usando la biblioteca lodash :
import get from 'lodash/get' ... <DatePicker get(location, 'state.procedureDetail.description', '') emphasize={get(location, 'state.some') && get(location, 'state.some')( (f: string) => f === 'endDate' ) } data-testid="collection-form-end-date" type="datetime-local" {...field} />